<template>
  <div id="id">
    <!-- 导航栏面包屑 -->
    <breadcrumb />
    <!-- 输入框 -->
    <card />
    <!-- 用户列表 -->
    <userTable />
  </div>
</template>

<script>
import breadcrumb from "./children/breadcrumb";
import card from "./children/card";
import userTable from "./children/userTable";
/* 网络请求 */
import { getUserList } from "@/api/user";
export default {
  data() {
    return {
      userList: {
        query: "",
        pagenum: 1,
        pagesize: 2,
      },
    };
  },
  components: {
    breadcrumb,
    card,
    userTable,
  },
  created() {
    this.user();
  },
  methods: {
    async user() {
      const res = await getUserList(this.userList);
      console.log(res);
    },
  },
};
</script>

<style>
</style>